<template>
  <div class="app-container">
    <!-- 需求信息管理 -->
  <el-form :inline="true">
                <el-col>
                    <el-form-item label="工号">
                        <el-input v-model="form.jobNumber" value=''></el-input>
                    </el-form-item>
                </el-col>
            </el-form>
            <el-form :inline="true">
                <el-col>
                    <el-form-item label="进度">
                        <el-checkbox-group v-model="form.schedule" label='进度'>
                            <el-checkbox label="未发布"></el-checkbox>
                            <el-checkbox label="待审批"></el-checkbox>
                            <el-checkbox label="网络更新"></el-checkbox>
                            <el-checkbox label="最小化网络需求"></el-checkbox>
                            <el-checkbox label="结束"></el-checkbox>
                        </el-checkbox-group>
                    </el-form-item>
                </el-col>
            </el-form>
            <el-form :inline="true">
                <el-col :span="16">
                    <el-form-item label="日期">
                        <el-input v-model="form.time"></el-input>
                    </el-form-item>
                </el-col>
                <el-col :span="8" :pull='8'>
                       <el-button @click='listrequire'>查询</el-button>
                </el-col>
            </el-form>
             <el-table :data="userList" style="width: 100% ">
                            <el-table-column fixed prop="constDate" label="日期" align="center">
                            </el-table-column>
                            <el-table-column prop="demand" label="需求" align="center">
                            </el-table-column>
                            <el-table-column prop="progress" label="进度" align="center">
                            </el-table-column>
                            <el-table-column prop="proName" label="操作人" align="center">
                            </el-table-column>
                            <el-table-column fixed="right" label="操作" width="150" align="center">
                              <template slot-scope="scope">
                                  <el-button type="text" size="small" @click='editRequire'>编 辑</el-button>
                                  <el-button type="text" size="small">发 布</el-button>
                                  <el-button type="text" size="small">撤 回</el-button>
                              </template>
                            </el-table-column>
             </el-table>
                   <el-pagination
                     background
                     layout="prev, pager, next"
                     :total="total">
                   </el-pagination>
  </div>
</template>

<script>

  export default{
    data(){
      return{
        // 查询信息
        form:{
          jobNumber:'',
          schedule:[],
          time:''
        },
        checkList:[],
         userList:
             [
                 {
                     constDate: "2021-09-28",
                     demand: "NPI网络变更需求",
                     progress: "未发布",
                     proName: "用户"
                 },
                 {
                     constDate: "2021-10-28",
                     demand: "NPI网络变更需求",
                     progress: "待审核",
                     proName: "资安管理员"
                 },
                 {
                     constDate: "2021-11-10",
                     demand: "NPI网络变更需求",
                     progress: "审核成功",
                     proName: "网络管理员"
                 },
             ],
              radio3: '',
               //日期
               constDate: '',
               //需求
               demand: '',
               //进度
               progress: '',
               //操作人
               proName: '',
               total:null,
      }
    },
    created(){
    this.getList()

    },
    methods:{
      getList(){
        // 获取数据
      },
      // 查询事件
      listrequire(){

      },
      // 编辑事件
      editRequire(){

      }
    }
  }
</script>
